/*var widthVar = document.documentElement.clientWidth;
var heightVar = document.documentElement.clientHeight;
var innerWidth = window.innerWidth;
var innerHeigth = window.innerHeight;
console.log(widthVar);
console.log(heightVar);
console.log(innerWidth);
console.log(innerHeigth);
//怪异模式
var widthVar = document.body.clientWidth;
var heightVar = document.body.clientHeight;
console.log(widthVar);
console.log(heightVar);*/

/*function getViewportOffset(){
	if(window.innerWidth){
		return {
			w : window.innerWidth,
			h : window.innerHeight
		}
	}else{
		if(document.compatMode === "BackCompat"){
			return {
				w : document.body.clientWidth,
				h : document.body.clientHeight
			}
		}else{
			return {
				w : document.documentElement.clientWidth,
				h : document.documentElement.clientHeight
			}
		}
	}
}*/

//var div = document.getElementsByTagName('div')[0];
/*div.getBoundingClientRect();
		bottom: 200
		height: 100 IE没有
		left: 100
		right: 200
		top: 100
		width: 100  IE没有
		x: 100
		y: 100
返回的不是实时的
*/
/*	
 * 视觉尺寸，不包含margin
 * div.offsetHeight;
 * div.offsetWidth;
*/

/*	
 * //相对于父级的定位(有定位)
 * div.offsetleft;
 * div.offsettop;
*/

/*
 * dom.offsetParent
 * 返回最近的有定位的父级，如无，返回body,body.offsetParent为null;
 * eg:
 */

/*
 * scroll,scrollTo(x,y)    scrollBy(x,y)
 */


